<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
			<style>
		.logo{
		position:absolute;
		left: 50px;
		}
		.head1{
			width: 1536px;
			height: 80px;
			background: black;
		}
		.head_text{
			border-right: 1px solid white;
			position: absolute;
			top:16px;
			left:300px;
		}
		.head_img1{
			position: absolute;
			top:22px;
			left:260px;
		}
		.head2{
			width: 80px;
			position: absolute;
			top:0px;
			left:180px ;
		}
		.head_img2{
			position: absolute;
			top:8px;
			left:-40px;
		}
		.head3{
			border-left: 1px solid white;
			width: 850px;
			position: absolute;
			top: 0px;
			left: 100px;
		}
	</style>
	</head>
	<body>         
		<div class="logo">
		         <img style="width: 130px;height: 150px;" src="img/微信图片_20180508215838.png"/>
	     </div>
				<div class="head1">
					    <div class = "head_img1">
					    	<img style="width: 30px;height: 30px;" src="img/新闻 .png"/>
					    </div>
					    <div class = "head_text">
							<h4 style="color: white;">
								东软心日报 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							</h4>
							<div class="head2">
								<div class = "head_img2">
					    	<img style="width: 30px;height: 30px;" src="img/栏目.png"/>
					    </div>
							 <h4 style="color: white;">
								栏目中心
							</h4>
							<div class="head3"><h4 style="color: white;">
								&nbsp;&nbsp;&nbsp;长文章
								&nbsp;&nbsp;&nbsp;10个图
								&nbsp;&nbsp;&nbsp;TOP 15
								&nbsp;&nbsp;&nbsp;商业
								&nbsp;&nbsp;&nbsp;校园
								&nbsp;&nbsp;&nbsp;智能&nbsp;&nbsp;&nbsp;
								<div class="btn-group">
		    <button class="btn btn-default">全部分类</button> <button data-toggle="dropdown" class="btn btn-default dropdown-toggle"><span class="caret"></span></button>
				 <ul class="dropdown-menu">
					<li>
						 <a href="#">分类1</a>
					</li>
					<li class="disabled">
						 <a href="#">分类2</a>
					</li>
					<li class="divider">
					</li>
					<li>
						 <a href="#">其它</a>
					</li>
				</ul>
			</div>  &nbsp;&nbsp;&nbsp;
			<img style="width: 30px;height: 30px;" src="img/touxiang.png"/>
			&nbsp;&nbsp;&nbsp;登陆  &nbsp;&nbsp;&nbsp;关于我们 &nbsp;&nbsp;&nbsp;<img style="width: 20px;height: 20px;" src="img/weibo.png"/> &nbsp;&nbsp;&nbsp;<img style="width: 20px;height: 20px;" src="img/weixin.png"/>
			
							</h4>
								
							</div>
							
							</div>
						</div>
				</div>
					</div>
	</body>
</html>
